/**
    核心产品 page
    lbj 2018.6.7
 */

<style lang="scss" scoped>
@import "../css/tools";
.core {
  .banner {
    background: #999;
  }
  .full-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    
  }
  .page1 {
    padding: 120px 0 75px;
    text-align: center;
    img {
      width: 68%;
    }
    .tit {
      font-size: $titFS;
      span {
        color: $fontActiveYellow;
      }
    }
    .stb-tit {
      font-size: $stbTitFS;
      padding: 30px 0 15px;
    }
  }
  .page2 {
    padding: 55px 0;
    background: #d3ecff;
    img {
      width: 74%;
    }
    div:first-child {
      padding: 100px 30px 0 0;
      img {
        width: 80%;
      }
    }
    div:last-child {
      padding-left: 60px;
    }
  }
  img.tag {
    width: 12%;
    position: absolute;
    left: 8%;
    top: -5%;
    &.right{
        right: 8% !important;
    }
  }
  .page3{
    
  }
}
</style>

<template>
    <div class="core">
        <div class="banner">
            <img src="../img/core-banner.png" class="w100" alt="">
        </div>
        <div class="page1 bgfff border-t">
            <div class="text">
                <div class="tit">农林生物质 <span class="font-w">无焦油</span> 气化设备</div>
                <div class="stb-tit">采用 <span class="font-w">"国内唯一、国际领先"</span></div>
                <div class="">的原位催化脱焦技术实现秸秆无焦油气化</div>
            </div>
            <img src="../img/core-page1.png" class="w50" alt="">
        </div>
        <div class="page2 flex-col">
            <div class="w50 text-r box-sizing">
                <img src="../img/core-paage2.png" class="" alt="">
            </div>
            <div class="w50 box-sizing">
                <img src="../img/core-page22.png" alt="">
            </div>
        </div>
        <div class="page3 position-r cfff text-c">
            <img src="../img/core-page3.png" class="w100" alt="">
            <img src="../img/tag1.png" class="tag" alt="">
            <div class="pisition-a full-img">
              <div>ZERO TAR IS FREE FROM POLLUTION</div>
              <div class="tit">0焦油 无污染<br/>能量转换效率＞84%</div>
              <p>火尔赤生物质 无焦油气化设备采用领先核心技术能量转化率比传统气化技术提升<strong>40%</strong>为企业带来更大的经济效益，投资回报周期缩短至<strong>2年</strong></p>
            </div>
        </div>
        <div class="page4 full-pd  position-r">
            <div class="position-a full">
                <img src="../img/core-page4.png" class="w50" alt="">
            </div>
            <img src="../img/tag2.png" class="tag right" alt="">
        </div>
    </div>
</template>

<script>
export default {
  name: "core"
};
</script>


